<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>定时器</title>
</head>
<body>
	<img id="rockImg" src="rock1.jpg" alt="">
</body>
<script type="text/javascript">
	// 一次性定时器
	//var timer =  setTimeout("alert('Hi');",2000)   //延迟两秒后网页弹出“Hi".
	// 重复定时器
	//var timer =  setInterval("alert('Hi');",2000);
	// 可以设置一个变量来存储这个定时器。
	 
	// 三秒后图片变换
	var rockImg = document.getElementById('rockImg');
	// setTimeout("rockImg.src = 'rock2.jpg' ;" , 3000);
	rockImg.onclick = function() {
		setTimeout("rockImg.src = 'rock2.jpg' ;" , 3000);
	}
</script>
</html>